<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <script>
  
  var obj = {
    name:"why"
  }
  
  function foo() {
    console.log("foo函数：",this)
  }
  //执行函数，并且函数中的this指向obj这个对象
  obj.foo = foo//先把这个函数放到obj里面
  obj.foo()
  //这个绑定方法比较麻烦，需要在对象里面添加一个属性，然后在把属性赋值给当前对象，在调用，太麻烦了

  //直接执行函数，并且强制this就是obj对象
  foo.call(obj)
  foo.call(123)
  foo.call("abc")
  foo.call(undefined)//指向window
  </script>
</body>
</html>